.train-head{
  >div:first-child{//被点击的元素
    //设置最大高度，超过显示滚动条
    .duTitle1,.duTitle2{
      max-height: 9rem;
      overflow-y: auto;
    }
    .duTitle2 li{
      position:relative;
      &:before{
        position:absolute;
        content:"";
        left: 0;
        bottom: -1px;
        height: 1px;
        width: 0.5rem;
        background-color: #fff;
      }
    }
    >div{//���������б��div
      position:absolute;
      background: #fff;
      width:300%;
      left: 0;
      z-index: 21;
      top: 31px;
      display: flex;
      flex-direction: column;
      >div:first-child{//�������div
        overflow: hidden;
        //display: flex;
        >ul{//���⹫����ʽ
          //flex:1;
          float: left;
          background: #EFEFEF;
          text-align: left;
          li{
            padding: 0.5em 0.5rem 0.5rem 1rem;
            border-bottom:1px solid #dedede;
            //overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            &:first-child{
              border-top:1px solid #dedede;
            }
          }
        }
        //һ�������б�
        >ul:first-child{
          width: 40%;
        }
        >ul:last-child{//���������б�
          width: 60%;
          background: #fff;
        }
      }
      //����
      >div:last-child{
        width: 100%;
        background: #f8f9f6;
        height: 1.4rem;
        line-height: 1.4rem;
        &:after,&:before{
          background-color: transparent;
        }
      }
    }
  }
  .simpleChoose1,.simpleChoose2{
    >div{
      position:absolute;
      background: #fff;
      width:300%;
      left: -100%;
      z-index: 1;
      top: 31px;
      >div:first-child{
        >ul{//标题公共样式
          width: 100%;
          background: #fff;
          text-align: left;
          li{
            padding: 0.5em 0.5rem 0.5rem 1rem;
            border-bottom:1px solid #dedede;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            &:first-child{
              border-top:1px solid #dedede;
            }
          }
        }
      }
      >div:last-child{
        width: 100%;
        background: #f8f9f6;
        height: 1.4rem;
        line-height: 1.4rem;
        &:after,&:before{
          background-color: transparent;
        }
      }
    }
  }
  .simpleChoose2>div{
    left: -200%;
  }
  .simpleUl1{
    max-height: 8rem;
    overflow-y: auto;
  }
}

